import React from 'react';
import { Icon } from './base';

/**
 * &#xe640; 粉丝团
 *
 * @export
 * @class IconGoodShop
 * @extends {Icon}
 */
export default class IconFans extends Icon {
    static defaultProps = {
        ...Icon.defaultProps,
        color: '#FFFFFF',
    };

    render() {
        const { color, className, style } = this.props;

        const { width, height } = this.getSize();

        return (
            <svg viewBox="0 0 1024 1024" width={width} height={height} style={style} className={className}>
                <path
                    d="M273.522 481.508A286.663 286.663 0 0 1 224 320c0-159.061 128.939-288 288-288s288 128.939 288 288-128.939 288-288 288a287.004 287.004 0 0 1-195.925-76.914A415.915 415.915 0 0 0 96 898.162v64a32 32 0 1 1-64 0v-64a479.858 479.858 0 0 1 241.493-416.654zM512 544a224 224 0 1 0 0-448 224 224 0 0 0 0 448z m183.524 49.323a129.422 129.422 0 0 1 80.497 28.387 129.422 129.422 0 0 1 80.47-28.387v30.663-30.663c74.524 0 134.172 64.057 134.172 141.824 0 32.825-9.529 58.88-27.819 88.377-2.048 3.3-3.612 5.745-7.11 11.15-18.916 29.127-49.892 61.696-88.747 96.227-23.325 20.765-44.743 38.059-59.165 48.982a52.48 52.48 0 0 1-63.602 0.028 1032.96 1032.96 0 0 1-59.22-49.01c-38.828-34.531-69.804-67.129-88.748-96.284-3.555-5.49-5.12-7.908-7.14-11.207-18.26-29.497-27.79-55.495-27.79-88.263 0-77.767 59.677-141.824 134.202-141.824z m160.967 30.663v30.691c-21.533 0-42.098 10.639-55.979 29.099l-24.49 32.512-24.52-32.512c-13.88-18.489-34.446-29.099-55.978-29.099-39.652 0-72.847 35.641-72.847 80.47 0 19.456 5.803 35.328 18.575 55.978 1.763 2.845 3.128 5.007 6.485 10.155 15.19 23.41 42.951 52.622 78.023 83.797 19.172 17.067 37.461 32 50.233 41.927 13.084-10.126 31.004-24.803 50.261-41.927 35.044-31.175 62.834-60.387 78.023-83.797 3.243-5.006 4.665-7.225 6.429-10.07 12.8-20.678 18.63-36.55 18.63-56.063 0-44.829-33.222-80.498-72.845-80.498v-30.663z"
                    p-id="2406"
                    fill={color}
                />
            </svg>
        );
    }
}
